<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>借りたいものを探す・予約画面 | ご近所シェアリングサービス</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="(C) MENOX (http://www.menox.co.jp/)">
<!--Require Stylesheet-->
<link rel="stylesheet" href="/tmserver/css/common.css">
<!--Require Javascript-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<%@ include file="/tmserver/parts/headcommon.jsp" %>
</head>
<body onload="loadUserName()">
<div id="wrapper">
<!--**********▽メインここから**********-->
<div id="wrap-top">
<%@ include file="/tmserver/parts/header.jsp" %>
<div id="content">
<h2>借りたいものを探す・予約画面</h2>
<div class="line"></div>
<!--**********▽カラム1ここから**********-->
<div id="column1">
<!--**********▼メインカラムここから**********-->
<div id="column1-inner">
<%@ include file="/tmserver/gate/contents.jsp" %>
<!--column1-inner--></div>
<!--**********▲メインカラムここまで**********-->
<!--column1--></div>
<!--**********△カラム1ここまで**********-->
<div id="column2">
  <div>
    <form id="searchForm" method="post" action="lendingSearch?command=search">
      <p class="stitle">検索条件</p>

      <table class="condition">
		<tr>
          <th colspan="2">
            <c:if test="${searchForm.canCate1Search!=null}">
              <c:set var="canCate1Search" value="${searchForm.canCate1Search}" scope="request" />
            </c:if>
            <input type="checkbox" ${f:checkbox("canCate1Search")} />&nbspこの条件を使用する
          </th>
		  <td colspan="2">
            <c:set var="cate1" value="${searchForm.cate1}" scope="request" />
                            カテゴリー
            <select name="cate1">
              <c:forEach var="category" items="${cateMap}">
                <option ${f:select("cate1", category.key)}>${category.value}</option>
              </c:forEach>
            </select>

            <c:set var="cate1Filter" value="${searchForm.cate1Filter}" scope="request" />
            <input type="radio" ${f:radio("cate1Filter", "EQUAL")} />のもの
            <input type="radio" ${f:radio("cate1Filter", "NOT_EQUAL")} />ではないもの
		  </td>
		</tr>
        <tr class="NoDisp">
          <th colspan="2">
            <c:if test="${searchForm.canCate2Search!=null}">
              <c:set var="canCate2Search" value="${searchForm.canCate2Search}" scope="request" />
            </c:if>
            <input type="checkbox" ${f:checkbox("canCate2Search")} />この条件を使用する
          </th>
          <td colspan="2">
            <c:set var="cate2" value="${searchForm.cate2}" scope="request" />
                            カテゴリー
            <select name="cate2">
              <c:forEach var="category" items="${cateMap}">
                <option ${f:select("cate2", category.key)}>${category.value}</option>
              </c:forEach>
            </select>

            <c:set var="cate2Filter" value="${searchForm.cate2Filter}" scope="request" />
            <input type="radio" ${f:radio("cate2Filter", "EQUAL")} />のもの
            <input type="radio" ${f:radio("cate2Filter", "NOT_EQUAL")} />ではないもの
          </td>
        </tr>
        <tr>
          <th colspan="2">
            <c:if test="${searchForm.canWordSearch!=null}">
              <c:set var="canWordSearch" value="${searchForm.canWordSearch}" scope="request" />
            </c:if>
            <input type="checkbox" ${f:checkbox("canWordSearch")} />&nbspこの条件を使用する
          </th>
          <td colspan="2">
            <c:set var="searchWord" value="${searchForm.searchWord}" scope="request" />
                           名称
            <input type="text" name="searchWord" value="${f:h(searchForm.searchWord)}" class="${f:errorClass('searchWord','err')}" />

            <c:set var="wordMatcher" value="${searchForm.wordMatcher}" scope="request" />
            <input type="radio" ${f:radio("wordMatcher", "EQUAL")} />に完全一致する
            <input type="radio" ${f:radio("wordMatcher", "PARTIAL")} />に部分一致する
          </td>
         </tr>
<% /*
      <tr>
         <th>表示ページ</th><td>${f:h(searchForm.currentPage)}</td>
         <th>レコード開始番号</th><td>${f:h(searchForm.startNumberInPage)}</td>
      </tr>
      
      <tr>
         <th>全レコード数</th><td>${f:h(searchForm.maximumNumber)}</td>
         <th>ページあたりのレコード数</th><td>${f:h(searchForm.numberInPage)}</td>
      </tr>     
*/ %>
      <tr><td colspan="4" class="aligncenter">
        <input type="hidden" id="currentPage" name="currentPage" value="${f:h(searchForm.currentPage)}" />
        <input type="submit" value="検索する" class="btn" onclick="document.getElementById('currentPage').value='1';" />
        <input type="reset" value="リセット" class="btn" />
      </tr>
    </table>
    </form>
  

  <section id="searchResult">
    <p class="stitle">検索結果</p>
    <%@ include file="/tmserver/parts/pager.jsp" %>
    <form id="searchForm" method="post" action="borrowingReserve">
    <table>
      <thead>
        <tr>
          <th>No.</th>
          <th>カテゴリー</th>
          <th>品物名</th>
          <th>個数</th>
          <th>貸与者</th>
          <th>貸出終了日</th>
          <th>予約</th>
        </tr>
      </thead>
      <tbody>
        <c:forEach var="lend" items="${lendingList}" varStatus="hs">
        <tr>
          <td class="no">${f:h(hs.count + searchForm.startNumberInPage - 1)}</td>
          <td>${f:h(cateMap[lend.categoryId])}</td>
          <td>${f:h(lend.name)}</td>
          <td class="center">${f:h(lend.count)}</td>
          <td>${f:h(userMap[lend.userId])}</td>
          <td class="center">
          	<fmt:formatDate value="${lend.toDate}" pattern="yyyy/MM/dd" />
          </td>
          <td>
            <c:if test="${reserveList[hs.count - 1]}">
            <input type="submit" class="reserveBtn" onclick="document.getElementById('selectedId').value='${lend.id}';" value="予約" />
            </c:if>
          </td>
        </tr>
        </c:forEach>
      </tbody>
    </table>
    <input type="hidden" name="lendingId" id="selectedId" />
    </form>
    <br><br>
  </section>


<!--column2--></div>
<!--**********△カラム2ここまで**********-->
<!--content--></div>
<!--wrap-top--></div>
<!--**********△メインここまで**********-->
<%@ include file="/tmserver/parts/footer.jsp" %>
<!--wrapper--></div>
</body>
</html>
